<div class="amplify-tabs">
  <div
    class="amplify-tabs__list amplify-tabs__list--top amplify-tabs__list--equal"
    role="tablist"
  >
    <button
      *ngFor="let tab of tabs"
      class="amplify-tabs__item"
      role="tab"
      [id]="tab.labelledById"
      [tabindex]="tab.active ? '0' : '-1'"
      [attr.aria-selected]="tab.active"
      [attr.aria-controls]="tab.id"
      [class]="tab.active ? 'amplify-tabs__item--active' : ''"
      (click)="handleTabClick(tab)"
    >
      {{ tab.title }}
    </button>
  </div>
</div>

<ng-content></ng-content>
